(function (videojs) {
  'use strict';

//   videojs.FullScreenPlugin = videojs.h.extend({
//     /* @constructor */
//     init: function (player, options) {
//         videojs.Button.call(this, player, options);
//         this.on('click', this.onClick);
//     }
//   });

//   /* Changing sources by clicking on FullScreenPlugin button */
//   /* This function is called when FullScreenPlugin button is clicked */
//   videojs.FullScreenPlugin.prototype.onClick = function (e) {
// console.log(e);
//   };

//   /* Create FullScreenPlugin button */
//   var createFullScreenPluginButton = function () {
//       var props = {
//           className: 'vjs-fullscreen-control vjs-control',
//           innerHTML: '<div class="vjs-control-content"><span class="vjs-control-text">Fullscreen</span></div>',
//           role: 'button',
//           'aria-live': 'polite',
//           tabIndex: 0
//       };

//       return videojs.Component.prototype.createEl(null, props);
//   };

//   /* Add FullScreenPlugin button to the control bar */
//   var FullScreenPlugin;
//   videojs.plugin('FullScreenPlugin', function () {
//       var options = {
//           'el': createFullScreenPluginButton()
//       };
//       FullScreenPlugin = new videojs.FullScreenPlugin(this, options);
//       console.log(this.controlBar.el());
//       this.controlBar.el().appendChild(FullScreenPlugin.el());
//   });

  // videojs.plugin('FullScreenPlugin', function (options) {
  //   var FullScreenBtn = document.createElement('div');
  //   FullScreenBtn.className = 'vjs-fullscreen-control vjs-control';  
  //   FullScreenBtn.innerHTML = '<div class="vjs-control-content"><span class="vjs-control-text">Fullscreen</span></div>';
  //   FullScreenBtn.onclick = function (e) {
  //     console.log(e);
  //   };
  //   console.log(this);
  //   this.controlBar.customControlSpacer.el().appendChild(FullScreenBtn);
  // });

}(window.videojs))